<template>
  <div :class="Daside.aside.settings.isGreyMode ? 'main greymode ' : 'main'">
    <el-config-provider :locale="zhCn">
      <router-view v-slot="{ Component }">
        <keep-alive :exclude="[]">
          <component :is="Component" />
        </keep-alive>
      </router-view>
    </el-config-provider>
  </div>
  <transition
    enter-active-class="animate__animated animate__fadeIn"
    leave-active-class="animate__animated animate__fadeOut"
  >
    <Dload v-show="Daside.aside.isLoading"></Dload>
  </transition>
</template>
<script setup lang="ts">
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { useDaside } from "./store/Daside";
import Dload from "./views/Dload.vue";
const Daside = useDaside();
document.body.style.setProperty(
  "--theme-color",
  Daside.aside.settings.colors[Daside.aside.settings.themeColor]
);
</script>
<style scoped lang="scss">
.main {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  //隐藏滚动条
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }

  //隐藏滚动条
}

.greymode {
  filter: grayscale(100%);
}
</style>
